import React from 'react';
import styles from './index.less';
import { Tabs } from 'antd';
import commonPkg from '@/utils/commonPkg';
const { images } = commonPkg;
const { TabPane } = Tabs;

export default class extends React.Component {
  state = {
    iconData1: [
      {
        imgPath: require('./img/ic_youbian.png'),
        text: '100193',
      },
      {
        imgPath: require('./img/ic_chuanzhen.png'),
        text: '+86 105874 9000',
      },
      {
        imgPath: require('./img/ic_dianhua.png'),
        text: '+86 105874 9000',
      },
    ],
    iconData2: [
      {
        imgPath: require('./img/ic_email.png'),
        text: 'contact@isoftstone.com',
        // text:"hfbinga@isoftstone.com"
      },
      {
        imgPath: require('./img/ic_adress.png'),
        text: '北京市海淀区西北旺东路10号院东区16号楼',
      },
    ],
  };
  render() {
    const { iconData1, iconData2 } = this.state;
    return (
      <div className={styles.Footer}>
        <div className={styles.Top}>
          <div className={styles.Left}>
            {/* 关注旭天云 */}
            <div className={styles.Title}>关注旭天云</div>
            <div className={styles.Images}>
              <div></div>
              <div></div>
              <div></div>
            </div>
          </div>
          <div className={styles.Right}>
            {/* 联系我们 */}
            <div className={styles.Title}>联系我们</div>
            <div className={styles.Icons}>
              <div className={styles.IconTop}>
                {iconData1.map((item, i) => {
                  return (
                    <div className={styles.Icon}>
                      <div className={styles.Img}>
                        <img src={item.imgPath} />
                      </div>
                      <span>{item.text}</span>
                    </div>
                  );
                })}
              </div>
              <div className={styles.IconBottom}>
                {iconData2.map((item, i) => {
                  return (
                    <div className={styles.Icon}>
                      <div className={styles.Img}>
                        <img src={item.imgPath} />
                      </div>
                      <span>{item.text}</span>
                    </div>
                  );
                })}
              </div>
            </div>
          </div>
        </div>
        <div className={styles.Bottom}>
          <p>
            <span className={styles.bottomLeft}>©2021版权所有 杭州旭天云科技有限公司</span>
            <span>京 ICP 备 xxxxxxxxxxx</span>
          </p>
        </div>
      </div>
    );
  }
}
